HTML列表标签

一、有序列表

有顺序的列表，比如排名，<ol>的子标签只能是<li>，不能出现其他任何标签

• type：顺序编号的类型
  • 1：（默认）数字编号
  • a：小写英文字母编号
  • A：大写英文字母编号
  • i：小写罗马数字编号
  • I：大写罗马数字编号
• start：序号起始值，必须是阿拉伯数字
• reversed：倒序排列，无值属性，HTML5中全新特性

<!-- 请复制以下代码，在浏览器运行查看效果 -->
<ol>
  <li>第一名</li>
  <li>第二名</li>
  <li>第三名</li>
  <li>第四名</li>
<ol>

二、无序列表

没有刻意顺序的列表，同有序列表，<ul>的子标签只能是<li>，不能出现其他任何标签

• type：列表符号样式，在HTML5中已经被废弃，可用CSS替代
  • disc：（默认）实心圆
  • circle：空心圆
  • square：实心方块

<!-- 请复制以下代码，在浏览器运行查看效果 -->
<ul>
  <li>张三</li>
  <li>李四</li>
  <li>王五</li>
  <li>赵云</li>
<ul>

<!-- 列表嵌套 -->
<ul>
  <li>
    <h3>福建省</h3>
    <ul>
      <li>厦门市</li>
      <li>漳州市</li>
      <li>泉州市</li>
    <ul>
  </li>
  <li>
    <h3>···</h3>
    <ul>
      <li>···</li>
      <li>···</li>
      <li>···</li>
    <ul>
  </li>
<ul>

三、定义列表

需要逐条给出定义描述的列表，只要语义上有“解释说明”汉仪的文字，并且是列表形态的，都应该使用定义列表

<!-- 请复制以下代码，在浏览器运行查看效果 -->
<dl>
  <dt>定义1</dt>
  <dd>定义1描述</dd>
  <dt>定义2</dt>
  <dd>定义2描述</dd>
  <dt>定义3</dt>
  <dd>定义3描述</dd>
<dl>